<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="MobileOptimized" content="320">
    <title>无标题文档</title>

    <link href="css/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="css/swiper.min.css">
	<script src="js/jquery-1.11.1.min.js"></script>
	<script>

	$(function(){

		var top = 0;
		$("#thead_fix").each(function(){
			top += $(this).height();
		});
		console.log(top);
		$("#m_top").css("margin-top",top);
		
	})
	
    </script>

</head>

<body>
    <div class="wrapper uselect" id="wrapper">
	     <div class="content activity singlepage">
	        <div class="thead_fixs" id="thead_fix">
	        	<a href="#" class="arrow">
	                <div class="img">
	                	<img src="images/ret.png"/>
	                </div>
	            </a>
	            <div class="m">
	                <span class="st">清晨 &bull; Morning</span>
	            </div>
	             <a href="#" class="more">
	                <span class="img">更多</span>
	            </a>
	        </div>
	        <div class="ft_tbody ft_active" id="m_top">
		        <div class="tbody " >
		
		        	<!--中间层-->
		            
		            <div class="ft active">
		                <div class="i_banner">
		                    <div class="main_image swiper-container">
		                        <div class="swiper-wrapper">
		                            <div class="swiper-slide"><img src="images/i_img.jpg" /></div>
		                        </div>
		                    </div>
		                </div>
		            </div>
					
		            <!--中间层end-->
					<div class="bgcolor">
		                    <a href="#">
		                        <div class="infor course">
		                            <div class="items">
		                                <div class="img">
		                                    <span class="img"><img src="images/act6.jpg"></span>
		                                </div>
		                                <div class="wd">
		                                    <span class="st">生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆</span>
		                                    <span class="t_user t_people">
		                                        <div class="x1">
		                                            <div class="u_imger"><img src="images/2.png"></div>
		                                            <div class="user">
		                                            	<div class="u_1">楚色</div>
		                                            	<div class="u_2">原创绘本大家</div>
		                                            </div>
		                                        </div> 
		                                        <div class="x2">2345</div>
		                                    </span> 
		                                </div>
		                            </div>
		                        </div>
		                    </a>
		                    <div class="xt_e" style="margin-right: 0px;"></div>
		                    <a href="#">
		                        <div class="infor course">
		                            <div class="items">
		                                <div class="img">
		                                    <span class="img"><img src="images/act6.jpg"></span>
		                                </div>
		                                <div class="wd">
		                                    <span class="st">生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆</span>
		                                    <span class="t_user t_people">
		                                        <div class="x1">
		                                            <div class="u_imger"><img src="images/2.png"></div>
		                                            <div class="user">
		                                            	<div class="u_1">楚色</div>
		                                            	<div class="u_2">原创绘本大家</div>
		                                            </div>
		                                        </div> 
		                                        <div class="x2">2345</div>
		                                    </span> 
		                                </div>
		                            </div>
		                        </div>
		                    </a>
		                    <div class="xt_e" style="margin-right: 0px;"></div>
		                    <a href="#">
		                        <div class="infor course">
		                            <div class="items">
		                                <div class="img">
		                                    <span class="img"><img src="images/act6.jpg"></span>
		                                </div>
		                                <div class="wd">
		                                    <span class="st">生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆</span>
		                                    <span class="t_user t_people">
		                                        <div class="x1">
		                                            <div class="u_imger"><img src="images/2.png"></div>
		                                            <div class="user">
		                                            	<div class="u_1">楚色</div>
		                                            	<div class="u_2">原创绘本大家</div>
		                                            </div>
		                                        </div> 
		                                        <div class="x2">2345</div>
		                                    </span> 
		                                </div>
		                            </div>
		                        </div>
		                    </a>
		                    <div class="xt_e" style="margin-right: 0px;"></div>
		                    <a href="#">
		                        <div class="infor course">
		                            <div class="items">
		                                <div class="img">
		                                    <span class="img"><img src="images/act6.jpg"></span>
		                                </div>
		                                <div class="wd">
		                                    <span class="st">生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆</span>
		                                    <span class="t_user t_people">
		                                        <div class="x1">
		                                            <div class="u_imger"><img src="images/2.png"></div>
		                                            <div class="user">
		                                            	<div class="u_1">楚色</div>
		                                            	<div class="u_2">原创绘本大家</div>
		                                            </div>
		                                        </div> 
		                                        <div class="x2">2345</div>
		                                    </span> 
		                                </div>
		                            </div>
		                        </div>
		                    </a>
		                    <div class="xt_e" style="margin-right: 0px;"></div>
		                    <a href="#">
		                        <div class="infor course">
		                            <div class="items">
		                                <div class="img">
		                                    <span class="img"><img src="images/act6.jpg"></span>
		                                </div>
		                                <div class="wd">
		                                    <span class="st">生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆深度游生态学博士带队，自然博物馆</span>
		                                    <span class="t_user t_people">
		                                        <div class="x1">
		                                            <div class="u_imger"><img src="images/2.png"></div>
		                                            <div class="user">
		                                            	<div class="u_1">楚色</div>
		                                            	<div class="u_2">原创绘本大家</div>
		                                            </div>
		                                        </div> 
		                                        <div class="x2">2345</div>
		                                    </span> 
		                                </div>
		                            </div>
		                        </div>
		                    </a>
		               </div>
		    	</div>
			</div>
		</div>
	</div>


</body>

<script>
	var contentSwiper = new Swiper('.swiper-container');
</script>

</html>
